{% load i18n iclock_tags static common %}
{% autoescape off %}
<div id="{{ model_name }}_edit_form" style="padding: 10px;">
  <form class="layui-form data-form" action="" method="post">
    {% csrf_token %}
    {% with adminform.form as f %}
      <div class="layui-form-item">
        {% layui_inline f.alias %}
        {% layui_inline f.is_access %}
      </div>
      <div class="layui-form-item">
        {% layui_inline f.sn %}
        {% layui_inline f.ip_address %}
      </div>
      <div class="layui-form-item">
        {% layui_inline f.company %}
      </div>
      <div class="layui-form-item">
        {% layui_inline f.area %}
        {% layui_inline f.terminal_tz %}
      </div>
      <div class="layui-form-item layui-hide">
        {% layui_inline f.is_registration %}
        {% layui_inline f.is_attendance %}
      </div>
      <div class="layui-form-item">
        {% layui_inline f.heartbeat %}
        {% layui_inline f.transfer_mode %}
      </div>
      <div class="layui-form-item">
        {% layui_inline f.transfer_interval %}
        {% layui_inline f.transfer_time %}
      </div>
      <div class="layui-hidden">
          {% layui_inline f.lock_func %}
      </div>
              <span class="color_orange" style="color: #7ac142;">{% trans 'terminal_field_changeArea' %}</span>

    {% endwith %}
  </form>
</div>
<script>
  $(document).ready(function () {
      var support_acc = $('#id_lock_func').val();
      if (support_acc === '0'){
          $('.field-is_access').addClass('layui-hidden');
      }
    layui.use('form', function () {
        var form = layui.form;
        function switchDisplay(val){
          switch (val) {
            case 0:
              $("div.field-transfer_interval").removeClass("layui-hidden");
              $("div.field-transfer_time").removeClass("layui-hidden");
              break;
            case 1:
              $("div.field-transfer_interval").addClass("layui-hidden");
              $("div.field-transfer_time").addClass("layui-hidden");
              break;
            default:
              break;
          }
        }
        form.on('select(transfer_mode)', function(data){
          switchDisplay(parseInt(data.value));
        });
        switchDisplay(parseInt($("#id_transfer_mode").val()));
    });
  });
</script>
{% endautoescape %}